<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" />
<title>吉他女声 弹唱大赛</title>
<link rel="stylesheet" type="text/css" href="/static/2017/mobile/styles/index.css">
</head>
<body>
	<div class="wrap">
		<!-- header - start  -->
		<header>
			<div class="hd_l">
				<a href="javascript:;"><img class="animated bid" src="/static/2017/mobile/images/logo.png" alt="logo"/></a>
			</div>
			<div class="hd_r">
				<div class="menu">
					<a class="menu_t animated bir" id="menu">
						<span>&nbsp;</span>
					</a>
					<ul class="menu_b animated bid" id="menu_b">
						<li><span>&nbsp;</span></li>
						<li><span><a href="/mobile/about">关于比赛</a></span></li>
						<li><span><a href="/mobile/hot">人气选手</a></span></li>
						<li><span><a href="/mobile/juesai">决赛12强</a></span></li>
						{{--<li><span><a href="/mobile/finals">全国3强</a></span></li>--}}
						<li><span><a href="/mobile/baoming">我要报名</a></span></li>
					</ul>
				</div>
			</div>
		</header>
		<!-- header - end  -->

		<!-- main - start -->
		<section>
			<div class="page">
				<div class="vline vline1">&nbsp;</div>
				<div class="vline vline2">&nbsp;</div>
				<div class="vline vline3">&nbsp;</div>
				<div class="inner">
					<div class="top animated bid">
						<img class="t_tb" src="/static/2017/mobile/images/p_06.png"/>
						<img class="t_tn" src="/static/2017/mobile/images/p_01.png"/>
						<img class="t_star t_star01" src="/static/2017/mobile/images/p_02.png"/>
						<img class="t_star t_star02" src="/static/2017/mobile/images/p_02.png"/>
						<img class="t_star t_star03" src="/static/2017/mobile/images/p_02.png"/>
						<img class="t_star t_star04" src="/static/2017/mobile/images/p_02.png"/>
						<img class="t_star t_star05" src="/static/2017/mobile/images/p_02.png"/>
						<img class="t_star t_star06" src="/static/2017/mobile/images/p_02.png"/>
					</div>
					<div class="middle animated biu">
						<img class="m_bg animated bounceIn" src="/static/2017/mobile/images/p_18.png"/>
						<img class="m_vb1" src="/static/2017/mobile/images/p_05.png"/>
						<img class="m_vb2" src="/static/2017/mobile/images/p_08.png"/>
						<img class="m_music animated biu" src="/static/2017/mobile/images/p_10.png"/>
						<img class="m_man1 animated bil" src="/static/2017/mobile/images/p_04.png"/>
						<img class="m_man2 animated bid" src="/static/2017/mobile/images/p_03.png"/>
						<img class="m_man3 animated bir" src="/static/2017/mobile/images/p_07.png"/>
						<img class="m_mic animated bid" src="/static/2017/mobile/images/p_09.png"/>
					</div>
					<div class="bottom">
						<a href="/mobile/about" class="btn btn_info animated bil">
							<span class="icon ico_tp">&nbsp;</span>比赛详情
						</a>
						<a href="/mobile/juesai" class="btn btn_info animated bil">
							<span class="icon ico_rank">&nbsp;</span>决赛12强
						</a>
						<a href="/mobile/baoming" class="btn btn_ctrl animated bil">
							我要报名
						</a>
					</div>
				</div>
			</div>
		</section>
		<!-- main - end -->

		<!-- footer - start -->
		<footer>
			<a class="animated biu" id="webchat" href="javascript:;">
				<span class="icon ico_wechat">&nbsp;</span>
			</a>
			<a class="animated biu" href="http://m.weibo.cn/u/2274118985">
				<span class="icon ico_weibo">&nbsp;</span>
			</a>
		</footer>
		<div class="animated biu" id="tdc-layer">
	    	<div class="tdc-container">
		        <img src="/static/2017/mobile/images/p_code.png">
		        <p>长按识别二维码</p>
		    </div>
		</div>
		<!-- footer - end -->
	</div>
	<script type="text/javascript">
		document.getElementById('webchat').addEventListener('touchend', function(){
			document.getElementById('tdc-layer').style.display = "block";
		});
		document.getElementById('tdc-layer').addEventListener('touchend', function(e){
			if(e.target.className){
				document.getElementById('tdc-layer').style.display = "none";
			}
		});
		document.addEventListener('touchend', function(e){
			var target = e.target;
			while(target.id != 'menu_b'){
				target = target.parentNode;
				if(target == null){
					document.getElementById('menu_b').style.display = "none";
					return false;
				}else if(target.className == 'menu'){
					document.getElementById('menu_b').style.display = "block";
					return false;
				}
			}
		});
		window.onload = function(){
			var dombi = document.getElementsByClassName('bi');
			for(var i=0; i<dombi.length; i++){
				dombi[i].className += ' bounceIn';
			}

			var dombid = document.getElementsByClassName('bid');
			for(var i=0; i<dombid.length; i++){
				dombid[i].className += ' bounceInDown';
			}

			var dombiu = document.getElementsByClassName('biu');
			for(var i=0; i<dombiu.length; i++){
				dombiu[i].className += ' bounceInUp';
			}

			var dombil = document.getElementsByClassName('bil');
			for(var i=0; i<dombil.length; i++){
				dombil[i].className += ' bounceInLeft';
			}

			var dombir = document.getElementsByClassName('bir');
			for(var i=0; i<dombir.length; i++){
				dombir[i].className += ' bounceInRight';
			}
		}
	</script>
</body>
</html>


